<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>GIMC省广股份-首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="indexWeb">

			<!--左边划出内容-->
			<div class="momen">
				<input type="checkbox" id="hb" />
				<div class="sousuo">
					<div class="toubu">
						<!--左边红色x-->
						<div class="left-cha">
							<label for="hb"><i class="iconfont icon-hongsechahao con"></i></label>
						</div>
						<!--搜索框-->
						<div class="souye">
							<input type="text" name="name-" placeholder="GIMC" required="required">
						</div>
					</div>
					<!--头像-->
					<div class="touxiang">
						<img src="img/touxiang.png" />
					</div>
					<!--陈晓敏-->
					<div class="xiaomin">
						<p class="xiao">陈晓敏</p>
						<div class="geren">个人中心&ensp;<span>></span></div>
						<div class="xingxing">
							<img src="img/xing.png" />
							<img src="img/xing.png" />
							<img src="img/xing.png" />
							<img src="img/xing.png" />
						</div>
						<p class="guanzhu">关注<span>&nbsp;36&nbsp;</span>|&nbsp;粉丝&nbsp;<span>32万</span></p>
					</div>
					<!--我的收藏。我的发布-->
					<div class="myfaverri">
						<div class="shoucang">我的收藏</div>&ensp;
						<div class="fabu">我的发布</div>
					</div>

					<!--导航-->
					<div class="daohanglan">
						<div class="gimc">
							<p>GIMC</p>
							<p>></p>
						</div>
						<div class="wenzhang">
							<p>文章</p>
							<p>></p>
						</div>
						<div class="ziyuan">
							<p>资源</p>
							<p>></p>
						</div>
						<div class="kecheng">
							<p>课程</p>
							<p>></p>
						</div>
					</div>
					<!--退出-->
					<div class="tuichu">
						<div class="out">
							退出
						</div>
					</div>
				</div>
			</div>

			<!--右边划出内容-->
			<div class="right1">
				<input type="checkbox" id="nana" />
				<div class="resou">

					<!--头部-->
					<div class="header">
						<div class="search">
							<input type="text" name="name-" placeholder="Search" required="required">
						</div>

						<div class="quxiao">
							<label for="nana">取消</label>
						</div>
					</div>
					<!--热搜列表-->
					<div class="liebiao">
						<div class="biaoti">
							热搜
						</div>
						<div class="xiangmu">
							<div>项目管理</div>
							<div>移动互联网</div>
							<div>O2O联转化</div>
						</div>
						<div class="meijie">
							<div>O2O</div>
							<div>媒介平台</div>
							<div>细分平台业务</div>
						</div>
						<div class="xiangmu">
							<div>项目管理</div>
							<div>移动互联网</div>
							<div>O2O联转化</div>
						</div>
					</div>
				</div>
			</div>
			<header>
				<ul>
					<li><label for="hb"><i class="iconfont icon-caidan"></i></label>
					</li>
					<li><img src="img/index/logo.png" /></li>
					<li>
						<div id="circle"><label for="nana"><i class="iconfont icon-sousuo"></i></label></div>
					</li>
				</ul>
			</header>

			<section>
				<div class="all">
					<div class="logo">
						<div class="pic">
							<img src="img/index/logo_red.png" />
						</div>
						<div class="pic">
							<img src="img/index/ali.jpg" />
						</div>
					</div>

					<!--轮播图-->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<!--Indicators-->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							<li data-target="#carousel-example-generic" data-slide-to="3"></li>
						</ol>

						<!--Wrapper for slides-->
						<div class="carousel-inner con1" role="listbox">
							<div class="item active gh">
								<img src="img/index/lunbo01.jpg" alt="...">

								<div class="text5">
									<h5>省广股份携手阿里妈妈举行DT大时代 全息营销...</h5>
									<p class="left">
										<i class="iconfont icon-aixin"></i>
										<span class="aixin">120</span>
										<i class="iconfont icon-yanjing"></i>
										<span>560</span>
									</p>
									<p class="right">
										<span>12月26日 07:33:43</span>
									</p>
								</div>

							</div>
							<div class="item gh">
								<img src="img/index/lunbo01.jpg" alt="...">
								<div class="text5">
									<h5>省广股份携手阿里妈妈举行DT大时代 全息营销...</h5>
									<p class="left">
										<i class="iconfont icon-aixin"></i>
										<span class="aixin">120</span>
										<i class="iconfont icon-yanjing"></i>
										<span>560</span>
									</p>
									<p class="right">
										<span>12月26日 07:33:43</span>
									</p>
								</div>
							</div>
							<div class="item gh">
								<img src="img/index/lunbo01.jpg" alt="...">
								<div class="text5">
									<h5>省广股份携手阿里妈妈举行DT大时代 全息营销...</h5>
									<p class="left">
										<i class="iconfont icon-aixin"></i>
										<span class="aixin">120</span>
										<i class="iconfont icon-yanjing"></i>
										<span>560</span>
									</p>
									<p class="right">
										<span>12月26日 07:33:43</span>
									</p>
								</div>
							</div>
							<div class="item gh">
								<img src="img/index/lunbo01.jpg" alt="...">
								<div class="text5">
									<h5>省广股份携手阿里妈妈举行DT大时代 全息营销...</h5>
									<p class="left">
										<i class="iconfont icon-aixin"></i>
										<span class="aixin">120</span>
										<i class="iconfont icon-yanjing"></i>
										<span>560</span>
									</p>
									<p class="right">
										<span>12月26日 07:33:43</span>
									</p>
								</div>
							</div>
						</div>

						<!--Controls-->
						<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
							<span class="sr-only"></span>
						</a>
						<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
							<span class="sr-only"></span>
						</a>
					</div>
					<!--内容区域-->
					<div class="container content section_top">
						<div class="row">
							<div class="col-xs-7 text">
								<h5>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h5>
								<p class="left"><i class="iconfont icon-aixin"></i>&nbsp;<span>120</span></p>
								<p class="right"><span>2小时前</span>&nbsp;
									<a href="">[案例观点]</a>
								</p>
							</div>
							<div class="col-xs-5 pic">
								<a href=""><img src="img/index/index01.jpg" /></a>
							</div>
						</div>
						<hr />
						<div class="row">
							<div class="col-xs-7 text">
								<h5>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h5>
								<p class="left"><i class="iconfont icon-aixin"></i>&nbsp;<span>866</span></p>
								<p class="right"><span>5小时前</span>&nbsp;
									<a href="">[课程]</a>
								</p>
							</div>
							<div class="col-xs-5 pic">
								<a href=""><img src="img/index/index02.jpg" /></a>
							</div>
						</div>
						<div class="row background"></div>
					</div>

					<div class="container content section_middle">
						<div class="row">
							<div class="container-fluid">
								<div class="row">
									<div class="col-xs-12">
										<h5>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h5>
									</div>
								</div>
								<div class="row image">
									<div class="pic">
										<img src="img/index/index03.jpg" />
									</div>
									<div class="pic">
										<img src="img/index/index04.jpg" />
									</div>
									<div class="pic">
										<img src="img/index/index05.jpg" />
									</div>
								</div>
								<div class="row top">
									<div class="col-xs-12 text">
										<div class="left">
											<img src="img/index/head.png" />
											<span>陈正光</span>
											<i class="iconfont icon-pinglun"></i>&nbsp;
											<span>&emsp;&ensp;6868</span>&ensp;
											<i class="iconfont icon-aixin"></i>
											<span>4808</span></div>
										<p class="right"><span>2天前</span>&nbsp;
											<a href="">[案例观点]</a>
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-7 text">
								<h5>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h5>
								<p class="left"><i class="iconfont icon-aixin"></i>&nbsp;<span>6</span></p>
								<p class="right"><span>12月26日&nbsp;07:33:43</span>&nbsp;
									<a href="">[新闻]</a>
								</p>
							</div>
							<div class="col-xs-5 pic">
								<a href=""><img src="img/index/index06.jpg" /></a>
							</div>
						</div>
						<hr />
						<div class="row">
							<div class="col-xs-7 text">
								<h5>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h5>
								<p class="left"><i class="iconfont icon-aixin"></i>&nbsp;<span>120</span></p>
								<p class="right"><span>12月26日&nbsp;07:33:43</span>&nbsp;
									<a href="">[项目]</a>
								</p>
							</div>
							<div class="col-xs-5 pic">
								<a href=""><img src="img/index/index07.jpg" /></a>
							</div>
						</div>
						<div class="row">
							<div class="container-fluid">
								<div class="row">
									<div class="col-xs-12">
										<h5>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h5>
									</div>
								</div>
								<div class="row image">
									<div class="pic">
										<img src="img/index/index08.jpg" />
									</div>
									<div class="pic">
										<img src="img/index/index09.jpg" />
									</div>
									<div class="pic">
										<img src="img/index/index10.jpg" />
									</div>
								</div>
								<div class="row top">
									<div class="col-xs-12 text">
										<div class="left">
											<img src="img/index/head.png" />
											<span>陈正光</span>
											<i class="iconfont icon-pinglun"></i>&nbsp;
											<span>&emsp;&emsp;6868</span>&ensp;
											<i class="iconfont icon-aixin"></i>
											<span>4808</span></div>
										<p class="right"><span>2天前</span>&nbsp;
											<a href="">[案例观点]</a>
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-7 text">
								<h5>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h5>
								<p class="left"><i class="iconfont icon-aixin"></i>&nbsp;<span>6</span></p>
								<p class="right"><span>12月26日&nbsp;07:33:43</span>&nbsp;
									<a href="">[新闻]</a>
								</p>
							</div>
							<div class="col-xs-5 pic">
								<a href=""><img src="img/index/index11.jpg" /></a>
							</div>
						</div>
						<hr />
						<div class="row">
							<div class="col-xs-7 text">
								<h5>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h5>
								<p class="left"><i class="iconfont icon-aixin"></i>&nbsp;<span>120</span></p>
								<p class="right"><span>12月26日&nbsp;07:33:43</span>&nbsp;
									<a href="">[项目]</a>
								</p>
							</div>
							<div class="col-xs-5 pic">
								<a href=""><img src="img/index/index12.jpg" /></a>
							</div>
						</div>
						<hr class="more" />
						<div class="row loading">
							<p>加载更多</p>
						</div>
						<hr />
						<hr />
						<hr />
						<hr />
						<hr />
					</div>
				</div>
			</section>

			<footer>
				<ul>
					<li>
						<a href="#">
							<div class="pic">
								<img src="img/red_home.png" />
							</div>
							<p class="red">首页</p>
						</a>
					</li>
					<li>
						<a href="gimc.html">
							<div class="pic">
								<img src="img/gimc.png" />
							</div>
							<p>GIMC</p>
						</a>
					</li>
					<li>
						<a href="article-wenzhang.html">
							<div class="pic">
								<img src="img/article.png" />
							</div>
							<p>文章</p>
						</a>
					</li>
					<li>
						<a href="resource.html">
							<div class="pic">
								<img src="img/resource.png" />
							</div>
							<p>资源</p>
						</a>
					</li>
					<li>
						<a href="institute.html">
							<div class="pic">
								<img src="img/institute.png" />
							</div>
							<p>学院</p>
						</a>
					</li>
				</ul>
			</footer>

		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>